<template>
	<view id="detailist">
		<view class="f-s-ac top-line" v-for="item in data" :key="item.id" >
			<!-- <image class="f-g-0 mr30" src="../../../../static/dndc/sm.png" style="width: 80rpx;height: 80rpx;border-radius: 50%;" mode=""></image> -->
			<view class="o-h f-g-1 mr30 f32" @click="goDl(item)">
				<!-- 提现方式 -->
				<view class="t-o-e f-x-bt">
					<view class="f32">账户提现</view>
					<view class="wei">
						<view class="f-g-0 f32" :style="{color:item.state == '3'?'#67c23a':'#f56c6c'}">{{getSymbol(item.state).text}}{{item.money}}</view>
					</view>
					<!-- <text v-if="item.state =='3'" style="color: #df0029">(已退回到账户余额)</text> -->
					
				</view>
				<view class="c9 f24 f-x-bt mt20">
					<view class="c9 f24">{{item.createdAt}}</view>
					<!-- <view>订单号:{{item.outTradeNo}}</view> -->
					<view>提现状态: <text :class="{rejectC:item.state == '3',reviewC:item.state == '1'}">{{getSymbol(item.state).review}}</text></view>
				</view>
				<!-- <view class="t-o-e">账户余额:{{getSymbol(item.state).text}}{{item.money}}</view> -->
				<!-- <view class="t-o-e">手续费:{{item.charge}}</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			data:'',
			symbol:{
			  type: String,
			  default: '-'
			}
		},
		data() {
			return {
			}
		},
		methods:{
			getType(type){
				var text = ''
				switch(type){
					case '1':
						text = '微信'
						break;
					case '2':
						text = '支付宝'
						break;
					case '3':
						text = '银行卡'
						break;
					default:
 						break;
				}
				return text
				
			},
			getSymbol(state){
				var text = ''
				var review = ''
				switch(state){
					case '1':
						text = '-'
						review = '待审核'
						break;
					case '2':
						text = '-'
						review = '通过'
						break;
					case '3':
						text = '+'
						review = '已拒绝'
						break;
					default:
						break;
				}
				return {text,review}
			},
			goDl(item){
				console.log(item)
				uni.setStorageSync('capitalInfo',item)
				this.go({
					t:1,
					url:'/yb_shd/my/wallet/capital-info'
					})
			},
		}
	}
</script>

<style scoped lang="scss">
	.top-line{
		border-top: 1px solid #eee;
		padding: 20rpx 0;
	}
</style>
